{% extends 'base.html' %}
{% block content %}
<div class="container" style="max-width: 1100px; margin: 0 auto;"></div>
    <!-- 这是上端的上传标识 -->
    <div>
        <h2 class="page-header">上传</h2>
        <div style="color: darkgray;">
            <h5>您需要在此界面上传旧app的.apk安装包，新app的.apk安装，旧app的.py测试脚本</h5>
        </div>
    </div>

    <!-- 左边栏 -->
    <div class="col-lg-3" style="margin: 0 auto;
            max-width: 400px;
            height: 400px;
            ">
        <!-- 左边上边的块 -->
        <div class="jumbotron">
            <div style="text-align:center; ">
                <a href={{ url_for('show_config') }}>
                    <button type="submit" class="btn btn-success btn-lg btn-block">NEXT</button>
                </a>
                <h5>请确保提交的文件都符合要求再点击此按钮</h5>
            </div>
        </div>
        <!-- 左边中间的块 -->
        <ul class="list-group">
            <li class="list-group-item">上传界面<span class="glyphicon glyphicon-ok" style="color: green; left: 100px;"></span></li>
            <li class="list-group-item">运行配置界面</li>
            <li class="list-group-item">等待界面</li>
            <li class="list-group-item">结果界面</li>
        </ul>
    </div>

    <!-- 这是中心的上传文件块 -->
    <div class="container" style=" height: 450px;
        border-radius: 10px;
        background-color: lightgray;
        position: absolute;   
        top: 24%;   
        left: 27%;
        right: 15%;">
        <!-- 批量上传按钮 -->
        <div style="position: relative; left: 75%;">
            <button type="button" class="btn btn-info">批量上传</button>
        </div>
        <!-- 按钮1 -->
        <div style="position: relative; left: 10%; top: 15%;">
            <form class="form-inline" action="http://127.0.0.1:5001/uploader_single" method="POST" enctype="multipart/form-data">
                <div class="form-group">
                    <label for="exampleInputName1"></label>
                    <div class="input-group">
                        <input id='exampleInputName1' class="form-control" onclick="$('#i-file').click();">
                        <label class="input-group-btn">
                            <input type="button" id="i-check" value="浏览文件" class="btn btn-primary"
                                   onclick="$('#i-file').click();">        
                        </label>
                    </div>
                    <input type="file" name="file" id='i-file' accept=".docx"
                           onchange="$('#location').val($('#i-file').val());" style="display: none">
                </div>
                <button type="submit" class="btn btn-default">提交</button>
            </form>
            <p class="help-block">上传旧app的.apk安装包</p>
        </div>
        <!-- <div style="position: relative; left: 10%; top: 25%;">
            <form action="http://127.0.0.1:5001/uploader_single" method="POST" enctype="multipart/form-data">
                <input type="file" name="file" accept=".docx" />
                <input type="submit" />
            </form>
      
            <p class="help-block">上传新app的.apk安装包</p>
        </div> -->
                    

        <!-- 按钮2 -->
        <div style="position: relative; left: 10%; top: 25%;">
            <form class="form-inline" action="http://127.0.0.1:5001/uploader_single" method="POST" enctype="multipart/form-data">
                <div class="form-group">
                    <label for="exampleInputName2"></label>
                    <div class="input-group">
                        <input id='exampleInputName2' class="form-control" onclick="$('#i-file').click();">
                        <label class="input-group-btn">
                            <input type="button" id="i-check" value="浏览文件" class="btn btn-primary"
                                   onclick="$('#i-file').click();">        
                        </label>
                    </div>
                    <input type="file" name="file" id='i-file' accept=".docx"
                           onchange="$('#location').val($('#i-file').val());" style="display: none">
                </div>
                <button type="submit" class="btn btn-default">提交</button>
            </form>
            <p class="help-block">上传新app的.apk安装包</p>
        </div>

        <!-- 按钮3 -->
        <div style="position: relative; left: 10%; top: 35%;">
            <form class="form-inline" action="http://127.0.0.1:5001/uploader_single" method="POST" enctype="multipart/form-data">
                <div class="form-group">
                    <label for="exampleInputName3"></label>
                    <div class="input-group">
                        <input id='exampleInputName3' class="form-control" onclick="$('#i-file').click();">
                        <label class="input-group-btn">
                            <input type="button" id="i-check" value="浏览文件" class="btn btn-primary"
                                   onclick="$('#i-file').click();">        
                        </label>
                    </div>
                    <input type="file" name="file" id='i-file' accept=".docx"
                           onchange="$('#location').val($('#i-file').val());" style="display: none">
                </div>
                <button type="submit" class="btn btn-default">提交</button>
            </form>
            <p class="help-block">上传旧app的.py测试脚本</p>
        </div>

    </div>
</div>

{% endblock content %}